<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta content="" name="description">
<meta content="width=device-width" name="viewport">
 <link type="text/css"
	href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/jquery.fancybox.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/uniform.default.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/bootstrap.datepicker.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/jquery.cleditor.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/jquery.plupload.queue.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/jquery.tagsinput.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/jquery.ui.plupload.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/chosen.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/style.css"
	rel="stylesheet">
<%-- <script type="text/javascript" charset="utf-8"
	src="js/jquery.listnav.min-2.1.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/jquery.dataTables.listnav.js"></script>  --%>

<!-- import file -->

<script src="js/jquery.js"></script>
<script src="js/less.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.peity.js"></script>
<script src="js/jquery.uniform.min.js"></script>
<script src="js/bootstrap.timepicker.js"></script>
<script src="js/bootstrap.datepicker.js"></script>
<script src="js/chosen.jquery.min.js"></script>
<script src="js/plupload/plupload.full.js"></script>
<script src="js/plupload/jquery.plupload.queue/jquery.plupload.queue.js"></script>
<script src="js/jquery.cleditor.min.js"></script>
<script src="js/jquery.inputmask.min.js"></script>
<script src="js/jquery.tagsinput.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/jquery.textareaCounter.plugin.js"></script>
<script src="js/ui.spinner.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/jquery.flot.js"></script>
<script src="js/jquery.flot.pie.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/jquery.dataTables.bootstrap.js"></script>









<title>Insert title here</title>
</head>
<body>
<%-- <script type="text/javascript" charset="utf-8">
	$(document).ready(
			function() {
				alert("dcm");
				var oTable = $('.dataTable').dataTable({
					"sDom" : 'Zlfrtip',
					"sPaginationType" : "bootstrap"
				});
			});
</script> --%>
<!-- <div class="container-fluid"> -->
	<div class="content">
		<div class="row-fluid">
			<div class="span12">
				<div class="box">
					<div class="box-head tabs">
						<h3>Search Postcode</h3>
							<a id="close-button" title="Close" href="#"></a>
					</div>
					
					<div class="box-content">
						<form action="#" class="validate form-horizontal" >
							<!-- create field -->
							<div id="input-type">
							<fieldset>
								<div class="row-fluid force-margin" >
									<div id="test">
										<div class="span3">
											<div class="control-group">
												<!-- <label class="control-label" for="postcode">Postcode: </label> -->
												Postcode: <input type="text" class="input-square"
													name="postcode" />
											</div>
											<!-- <div class="controls">
										<input type="text" id="postcode" class="input-square" name="postcode"/>
									</div> -->
										</div>
										<div class="span3">
											<div class="control-group">
												<!-- <label class="control-label" for="postcode">Postcode: </label> -->
												Street: <input type="text" class="input-square"
													name="street" />
											</div>
											<!-- <div class="controls">
										<input type="text" id="postcode" class="input-square" name="postcode"/>
									</div> -->
										</div>
										<div class="span3">
											<div class="control-group">
												<!-- <label class="control-label" for="postcode">Postcode: </label> -->
												Town: <input type="text" class="input-square" name="town" />
											</div>
											<!-- <div class="controls">
										<input type="text" id="postcode" class="input-square" name="postcode"/>
									</div> -->
										</div>
									</div>
								</div>
							</fieldset>
							</div>
						</form>
						<!-- finish -->

						<!-- create button -->
						<div class="btn-toolbar">
							<!-- <button class="btn btn-round">Search Address</button> -->
							<div id="buttonSearch">
								<input type="button" class="btn btn-round" name="searchAdd" value="SearchAddress" />
							</div> 
							<div id="buttonNone">
								<input type="button" class="btn btn-round" name="none" value="None" />
							</div> 
							<div id="buttonClear">
								<input type="button" class="btn btn-round" name="clear" value="Clear" />
							</div>
						</div>
						<!-- finish  -->

					<div class="box-nomargin">
						<table class='table table-striped dataTable table-bordered dataTable-noheader'>
							<thead>
								<tr>
									<th>&nbsp;</th>
									<th>Address</th>
									<th>Post code</th>
									<th>Town</th>
									<th>County</th>
									<th>Country</th>
								</tr>
							</thead>
							<tbody>
								<s:iterator value="listAddress" var="address">
									<tr>
										<td><input type="radio"
											class="uniform" name="radio" ></td>
										<td><s:property value="addressName"/> </td>
										<td><s:property value="postcode"/></td>
										<%-- <td><s:property value=""/></td>
										<td>adgs</td>
										<td>dsg</td> --%>
								</tr>
								</s:iterator>
							</tbody>
						</table>
					</div>
						<div class="btn-toolbar">
							<input type="button" class="btn btn-round" name="select" value="Select" /> 
							<input type="button" class="btn btn-round" name="close" value="Close" /> 
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>
<!-- </div> -->
</body>
</html>